.drag-wrapper {
  position: relative;

  .drag-item {
    position: absolute;
    width: 100%;
    padding: 8px;
    z-index: 1;

    &.itemTransition {
      transition: transform 0.3s !important;
    }

    &.zIndex {
      z-index: 2;
    }

    &.cur {
      transition: initial;
    }

    &.fixed {
      z-index: 0 !important;
    }

    &__info {
      position: relative;
      padding-top: 100%;
      background: #fff;

      &-close {
        position: absolute;
        right: 0;
        top: 0;
        width: 32px;
        height: 32px;
        border-top-right-radius: 8px;
        background: rgba(0, 0, 0, 0.5);
        z-index: 1;
        color: #fff;
        font-size: 32px;
        text-align: center;
      }

      &.drag-active {
        transform: scale(1.1, 1.1);
      }

      &-item {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        font-size: 0;
        image {
          width: 100%;
          height: 100%;
          border-radius: 8px;
        }
      }
    }
  }


}
